<div class="panel panel-default panel-intro">
    {:build_heading()}

    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        {:build_toolbar('refresh,add')}
                    </div>
                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                           width="100%">
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>
<script id="sourcetpl" type="text/html">
    <div class="row">
        <div class="col-xs-12">
            <div class="form-inline" data-toggle="cxselect" data-selects="province,city,districts">
                <select class="province form-control" name="agent.province" data-url="ajax/area" ></select>
                <input type="hidden" class="operate" data-name="agent.province" value="=" />
                <select class="city form-control" name="agent.city" data-url="ajax/area" data-query-name="province"></select>
                <input type="hidden" class="operate" data-name="agent.city" value="=" />
                <select class="districts form-control" name="agent.districts" data-url="ajax/area" data-query-name="city"></select>
                <input type="hidden" class="operate" data-name="agent.districts" value="=" />
            </div>
        </div>
    </div>
</script>